<html lang="zh">
<!--<![endif]-->

<head>
    <meta charset="utf-8" />
    <title>闪送-注册</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
    <meta content="" name="description" />
    <meta content="" name="author" />
    <meta name="MobileOptimized" content="320" />
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link rel="shortcut icon" href="images/favicon.ico" />
    <link th:href="@{/css/font-awesome.min.css}" rel="stylesheet" type="text/css" />
    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet" type="text/css" />
    <link th:href="@{/css/style-metronic.css}" rel="stylesheet" type="text/css" />
    <link th:href="@{/css/style.css}" rel="stylesheet" type="text/css" />
    <link th:href="@{/css/style-responsive.css}" rel="stylesheet" type="text/css" />
    <link th:href="@{/css/plugins.css}" rel="stylesheet" type="text/css" />
    <link th:href="@{/css/default.css}" rel="stylesheet" type="text/css" />
    <link th:href="@{/css/login-soft.css}" rel="stylesheet" type="text/css" />
    <link th:href="@{/css/custom.css}" rel="stylesheet" type="text/css" />
    <link th:href="@{/css/blue.css}" rel="stylesheet" type="text/css" id="style_color" />
    <!-- END THEME STYLES -->
    <script th:src="@{/js/jquery-3.5.1.js}" type="text/javascript"></script>
    <script th:src="@{/layer/layer.js}" type="text/javascript"></script>
    <script th:src="@{/js/jquery.validate.min.js}"></script>
    <style>
        #captcha_pic {
            border-radius: 0px;
            cursor: pointer;
            position: absolute;
            z-index: 1;
            /*right: 10;*/
            top: 0;
            line-height: 34px;
        }
        
        #captcha_link {
            margin-left: 90px;
            font-size: 12px;
            line-height: 34px;
            vertical-align: top;
            /*zoom:1;*/
        }
        
        .help-block {
            margin-top: 0px;
            margin-bottom: 0px;
            font-size: 9px;
        }
        
        #captcha {
            width: 160px;
        }
    </style>
    <script>
        function getCheckCode() {
            var phonenum=$("#phonenum").val();
            $.get("/user/checkcode/"+phonenum, function (data) {
                if (data.code == 200) {
                    layer.msg("短信已发送，请注意查收")
                } else if (data.code == 500) {
                    layer.msg("系统繁忙，请稍后再试")
                }
            })
        }
    </script>
</head>
<!-- BEGIN BODY -->

<body class="login">
    <!-- BEGIN LOGO -->
    <div class="logo">
        <a href=""> <img th:src="@{/images/logo.png}" alt="" /> </a>
    </div>
    <!-- END LOGO -->
    <!-- BEGIN LOGIN -->
    <div class="content">
        <input id="token" name="token" value="OGVLTm1rV0lvd0hpSHEwc0s4R3kyY1c4MTQ4OTcxODIyMDA3MDQ=" type="hidden" />
        <!-- BEGIN REGISTRATION FORM -->
        <form class="register-form" action="/rider/reg" method="post" novalidate="novalidate" th:object="${rider}">
            <h3>注册</h3>
            <div class="form-group" id="username-group">
                <label class="control-label visible-ie8 visible-ie9">手机号码</label>
                <div class="input-icon">
                    <i class="icon-user"></i>
                    <input class="form-control placeholder-no-fix" autocomplete="off" placeholder="手机号码" name="phoneNum" th:field="*{phoneNum}" id="phonenum" type="text" />
                </div>
                <small id="register_mobile_error" class="color-red"></small>
            </div>
            <div class="form-group">
                <label class="control-label visible-ie8 visible-ie9">用户名</label>
                <div class="controls">
                    <div class="input-icon">
                        <i class="icon-ticket"></i>
                        <input class="form-control" id="account" name="account" th:field="*{account}" autocomplete="off" placeholder="用户名" type="text" />
                    </div>
                </div>
            </div>
            <div class="form-group">
                <label class="control-label visible-ie8 visible-ie9">密码</label>
                <div class="input-icon">
                    <i class="icon-lock"></i>
                    <input class="form-control placeholder-no-fix" autocomplete="off" id="password" th:field="*{password}" placeholder="密码" name="password" type="password" />
                </div>
            </div>
            <div class="form-group">
                <label class="control-label visible-ie8 visible-ie9">确认密码</label>
                <div class="controls">
                    <div class="input-icon">
                        <i class="icon-ok"></i>
                        <input class="form-control placeholder-no-fix" id="rpassword" autocomplete="off" th:field="*{rpassword}" placeholder="确认密码" name="rpassword" type="password" />
                    </div>
                </div>
            </div>
            <div class="form-group" id="username-group">
                <label class="control-label visible-ie8 visible-ie9">身份证号</label>
                <div class="input-icon">
                    <i class="icon-user"></i>
                    <input class="form-control placeholder-no-fix" autocomplete="off" th:field="*{identity}" placeholder="身份证号" name="identity" id="identity" type="text" />
                </div>
                <small id="register_mobile_error" class="color-red"></small>
            </div>
            <div class="form-group">
                <div class="input-group">
                    <input class="form-control" autocomplete="off" placeholder="短信验证码" name="putCheckcode" type="text" />
                    <span class="input-group-btn"> <button class="btn yellow" type="button" id="register_send_sms"
                            name="register_send_sms" onclick="javascript:getCheckCode()"> 获取短信验证码 </button> </span>
                </div>
                <div id="register_checkcode_error" class="color-red"></div>
            </div>
            <div class="form-actions">
                <button type="submit" id="register-submit-btn" class="btn btn-block theme-btn"> 同意以下协议并注册成为骑手<i
                        class="m-icon-swapright m-icon-white"></i> </button>
                <label class="margin-top-10"> <a href="userAgreement.html" target="_blank">《闪送服务•用户协议》</a><br />
                </label>
            </div>
            <div class="create-account">
                <p>已有账户 ？&nbsp; <a th:href="@{/rider/login}" id="gologin-btn">直接登录</a></p>
            </div>
        </form>
    </div>
    <!-- END JAVASCRIPTS -->
    <div class="backstretch" style="left: 0px; top: 0px; overflow: hidden; margin: 0px; padding: 0px; height: 1000px; width: 1903px; z-index: -999999; position: fixed;">
        <img style="position: absolute; margin: 0px; padding: 0px; border: medium none; width: 1903px; height: 1427.76px; max-width: none; z-index: -999999; left: 0px; top: -449.378px;" th:src="@{/images/1.jpg}" />
    </div>
    <!-- END BODY -->
</body>

</html>